<template>
  <div>
    <div class="wrapper marginTop wow slideInLeft">
     <div class="block aboutMe">
       <div class="avatar">
         <img src="../../src/assets/img/myavatar.jpg" alt="">
       </div>
            <p><span class="threed threeds">Greazy</span></p>
            <p><span class="threed threeds">葛宗元</span></p>
            <p><span class="threed threeds">男,90后</span></p>
            <p><span class="threed threeds">现居江苏南京(月租金高达0.000013亿)</span></p>
            <p><span class="threed threeds">现常用技术栈：SpringBoot,常用关系型数据库,Numpy/Pandas/Maltplotlib三件套,Hadoop,</span></p>
            <p><span class="threed threeds">了解以及正在学习：Vue,Echarts图库</span></p>
            <p><span class="threed threeds">常用工具：Idea,Pycharm,Navicat,PostMan,</span></p>
            <p><span class="threed threeds">想要成为一名互联网界摸鱼精英，并努力奋斗着</span></p>
            <p><span class="threed threeds">电影啊，动漫啊，游戏啊之类的，总之没有什么上道的爱好</span></p>
            <p><span class="threed threeds">个人邮箱：25847408966@qq.com（什么网易，什么361,只用QQ邮箱！！！）</span></p>
            <p><span class="threed threeds">个人Git：https://gitee.com/gzy_xxquan</span></p>
            <!-- <el-button type="primary" round class="btn">
              <a href="http://1.116.134.48:7001/me" target="_blank">
              点击下载我的个人简历
              </a>
              </el-button> -->
     </div>
    </div>
  </div>
</template>

<script>
import axios from 'axios';
import WOW from 'wowjs';
  export default {
    name:'aboutMe',
    methods:{
      toDownload(){
        // axios.get('/me').then(() => {
        //   this.$message.success('下载成功')
        // }).catch(() => {
        //   this.$$message.error('下载失败')
        // })
      }
    },
    mounted(){
      	let wow = new WOW.WOW({
          boxClass: 'wow',
          animateClass: 'animated',
          offset: 0,
          mobile: true,
          live: true
        });
        wow.init();
    }
  }
</script>

<style lang="scss" scoped>
  .aboutMe {
    background-color: rgba(0, 0, 0,0);
    color: #fff;
    margin-bottom: 350px;
    .avatar {
      display: flex;
      justify-content: center;
      img {
        border-radius: 50%;
        width: 100px;
      }
    }
    
    p {
      font-size: 15px;
      text-align: center;
      span {
        line-height: 45px
      }
    }
    .bottom {
      margin-top: 20px;
      padding: 20px;
      background-color: rgb(222, 223, 224);
      color: rgb(202, 56, 56);
      border-radius: 5px;
      line-height: 30px;
    }
  }
  .threed {
    font-size: 18px!important;
  }
  .btn {
    margin-top: 10px;
    width: 100%;
    a{
      display: block;
      width: 100%;
      height: 100%;
    }
  }
</style>